<template>
  <div class="x-main">
    <div class="x-main--inner">
      <router-view></router-view>
    </div>
    <x-footer></x-footer>
  </div>
</template>

<script>
  import XFooter from '@/components/XFooter'
  import XNav from '@/components/XNav'

  export default {
    components: {
      XFooter,
      XNav
    },
    data() {
      return {
        isOpenNav: false
      }
    }
  }
</script>

<style lang="scss">
  .x-main {
    // header 71px
    padding-top: 71px;
    position: relative;
  }
</style>
